<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta name="description" content="The Page Description">
		<style type="text/css">@-ms-viewport{width: device-width;}</style>
		<title>Beetle - Home page</title>
		<link rel="stylesheet" href="css/layers.min.css" media="screen">
		<link rel="stylesheet" href="css/font-awesome.min.css" media="screen"> 
		<link rel="stylesheet" href="style.css" media="screen">
		<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:400italic,700italic,400,700' rel='stylesheet' type='text/css'>
		<!--[if lt IE 9]>
		<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
		<![endif]-->
		<link rel="icon" href="favicon.ico">
		<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
		<link rel="apple-touch-icon" sizes="76x76" href="img/apple-touch-icon-76x76.png">
		<link rel="apple-touch-icon" sizes="120x120" href="img/apple-touch-icon-120x120.png">
		<link rel="apple-touch-icon" sizes="152x152" href="img/apple-touch-icon-152x152.png">	

		<!--侧边栏-->
		<link href="css/style_cebian.css" rel="stylesheet" type="text/css" />

		<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>

		<script type="text/javascript" src="js/jq22.js"></script>	
	</head>

	<body class="page">

		<header role="banner" class="transparent light">
			<div class="row">
				<div class="nav-inner row-content buffer-left buffer-right even clear-after">
					<div id="brand">
						<h1 class="reset"><!--<img src="img/logo.png" alt="logo">--><a href="home-01.html">张家界</a></h1>
					</div><!-- brand -->
					<a id="menu-toggle" href="#"><i class="fa fa-bars fa-lg"></i></a>
					<nav>
						<ul class="reset" role="navigation">
							<li class="menu-item">
								<a href="home-01.html">主页</a>
							</li>
							<!--
							<li class="menu-item">
								<a href="works-4-columns.html">Works</a>
								<ul class="sub-menu">
									<li><a href="works-4-columns.html">Four Columns Grid Style</a></li>
									<li><a href="works-3-columns.html">Three Columns Grid Style</a></li>
									<li><a href="works-4-columns-alternative.html">Four Columns Mosaic Style</a></li>
									<li><a href="works-3-columns-alternative.html">Three Columns Mosaic Style</a></li>
									<li><a href="works-4-columns-lightbox.html">Lightbox Gallery</a></li>
									<li><a href="single-work-post.html">Single Work Page</a></li>
								</ul>
							</li>

							<li class="menu-item">
								<a href="blog-4-columns-masonry.html">Blog</a>
								<ul class="sub-menu">
									<li><a href="blog-4-columns-masonry.html">Four Columns Grid</a></li>
									<li><a href="blog-list-sidebar.html">List Style with Sidebar</a></li>
									<li><a href="single-blog-post.html">Single Post</a></li>
									<li><a href="single-blog-post-sidebar.html">Single Post with Sidebar</a></li>
								</ul>
							</li>
							<li class="menu-item"><a href="resume.html">Resume</a></li>
							<li class="menu-item">
								<a href="#">Features</a>
								<ul class="sub-menu">
									<li><a href="search.html">Search Page</a></li>
									<li><a href="no-results.html">Search Page - No Results</a></li>
									<li><a href="page-not-found.html">404 - Page Not Found</a></li>
									<li>
										<a href="#">Sub Menu</a>
										<ul class="sub-menu">
											<li><a href="#">Sub Sub Menu 01</a></li>
											<li><a href="#">Sub Sub Menu 02</a></li>
											<li><a href="#">Sub Sub Menu 03</a></li>
										</ul>										
									</li>
								</ul>								
							</li>
							<li class="menu-item"><a href="contact.html">Contact</a></li>-->
						</ul>
					</nav>
				</div><!-- row-content -->	
			</div><!-- row -->	
		</header>

		<main role="main">
			<div id="intro-wrap">
				<div id="intro" class="preload darken" data-autoplay="5000" data-navigation="true" data-pagination="true" data-transition="fadeUp">					
					<div class="intro-item" style="background-image: url(http://ou343dnae.bkt.clouddn.com/1341c5aeff3e94b1cd32027a5dbef777.jpg);">
						<div class="caption">
							<h2>醉美张家界</h2>
							<p>神奇大自然</p>
							<a class="button white transparent" href="#">了解更多</a>
						</div><!-- caption -->
										
					</div>									
					<div class="intro-item" style="background-image: url(http://ou343dnae.bkt.clouddn.com/dbad26c4d686a85580437d508344f8e8.jpg);">
						<div class="caption">
							<h2>醉美张家界</h2>
							<p>神奇大自然</p>
							<a class="button white transparent" href="#">了解更多</a>
						</div><!-- caption -->
										
					</div>						
					<div class="intro-item" style="background-image: url(http://ou343dnae.bkt.clouddn.com/ebf20c9b70092faa2ad839c3035912d6.jpeg);">
						<div class="caption">
							<h2>醉美张家界</h2>
							<p>神奇大自然</p>
							<a class="button white transparent" href="#">了解更多</a>
						</div><!-- caption -->
										
					</div>		
					<div class="intro-item" style="background-image: url(http://ou343dnae.bkt.clouddn.com/8f011baf064fa4a50e2d348f376beb91.jpg);">
						<div class="caption">
							<h2>醉美张家界</h2>
							<p>神奇大自然</p>
							<a class="button white transparent" href="#">了解更多</a>
						</div><!-- caption -->
										
					</div>																		
				</div><!-- intro -->
			</div><!-- intro-wrap --><div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >网页模板</a></div>

			<div id="main">

				<section class="row section call-to-action">
					<div class="row-content buffer even">
						<p>双面张家界，今日限时特惠?</p>
						<a class="button red" href="#">了解!</a>
					</div>
				</section>

				
				<section class="row section">
					<div class="row-content buffer even clear-after">					
						<div class="section-title">
							<h3>推荐路线</h3>
							<p>双面体验：张家界除了绝版的山水，还有很多的经典展现：魅力湘西、黄龙洞、袁家寨子、土家风、情园等等，让我们在体味经典的同时发现张家界的另外一面</p>
						</div>
						<div class="grid-items blog-section masonry-style preload">
							<article class="item column six">
								<a href="#">
									<figure><img src="http://ou343dnae.bkt.clouddn.com/tian.jpg" alt=""><span class="blog-overlay"><i class="icon icon-doc"></i></span></figure>
									<div class="blog-excerpt">
										<div class="blog-excerpt-inner">
											<h5 class="meta-post">美！！！</h5>
											<h2>惬意四日游</h2>
										</div><!-- blog-excerpt -->
									</div><!-- blog-excerpt-inner -->	
								</a>
							</article>		
							<article class="item column three">
								<a href="#">
									<figure><img src="http://ou343dnae.bkt.clouddn.com/boliqiao.jpg" alt=""><span class="blog-overlay"><i class="icon icon-doc"></i></span></figure>
									<div class="blog-excerpt" style="height:100px;">
										<div class="blog-excerpt-inner">
											<h5 class="meta-post">玩！！！</h5>
											<h2>实惠五日游</h2>
											
										</div><!-- blog-excerpt-inner -->		
									</div><!-- blog-excerpt -->								
								</a>
							</article>											
							<article class="item column three">
								<a href="#">
									<figure><img src="http://ou343dnae.bkt.clouddn.com/chi.jpg" alt=""><span class="blog-overlay"><i class="icon icon-doc"></i></span></figure>
									<div class="blog-excerpt">
										<div class="blog-excerpt-inner">
											<h5 class="meta-post">吃！！！</h5>
											<h2>自由娱乐游</h2>
											<p>张家界那么多吃的 ，岂能错过.</p>
										</div><!-- blog-excerpt -->	
									</div><!-- blog-excerpt-inner -->
								</a>
							</article>
							<article class="item column three">
								<a href="#">
									<figure><img src="http://ou343dnae.bkt.clouddn.com/gouwu.jpg" alt=""><span class="blog-overlay"><i class="icon icon-doc"></i></span></figure>
									<div class="blog-excerpt">
										<div class="blog-excerpt-inner">
											<h5 class="meta-post">购！！！</h5>
											<h2>欢乐购</h2>
											<p>将大庸情带回家</p>
										</div><!-- blog-excerpt -->	
									</div><!-- blog-excerpt-inner -->							
								</a>
							</article>	
							<article class="item column three">
								<a href="#">
									<figure><img src="http://ou343dnae.bkt.clouddn.com/jiudian22222.jpg" alt=""><span class="blog-overlay"><i class="icon icon-doc"></i></span></figure>
									<div class="blog-excerpt">
										<div class="blog-excerpt-inner">
											<h5 class="meta-post">住！！！</h5>
											<h2>当地最美酒店</h2>
											
										</div><!-- blog-excerpt -->	
									</div><!-- blog-excerpt-inner -->							
								</a>
							</article>	
							<article class="item column six">
								<a href="#">
									<figure><img src="http://ou343dnae.bkt.clouddn.com/247d89fedad046a766ffdaae174d028a.jpg" alt=""><span class="blog-overlay"><i class="icon icon-doc"></i></span></figure>
									<div class="blog-excerpt">
										<div class="blog-excerpt-inner">
											<h5 class="meta-post">惠！！！</h5>
											<h2>六日游</h2>
										</div><!-- blog-excerpt -->	
									</div><!-- blog-excerpt-inner -->							
								</a>
							</article>																		
							<div class="shuffle-sizer three"></div>
						</div><!-- grid-items -->
						<div class="more-btn"><a class="button transparent aqua" href="#">了解更多</a></div>						
					</div>	
				</section>	

				<section class="row section text-light" style="background-color:#5FC6EA">
					<div class="row-content buffer even clear-after">
						<div class="column six push-six last-special">
							<h2>为什么选择我们？</h2>
							<p>张家界旅游集团有限公司（以下简称“大陈”）创建于2017年，总部设在美丽大庸，是国家特许经营中国公民出境旅游、大陆居民赴台湾旅游的组团社，也是中国旅行社协会副会长单位</p>
							<p>历经三十余年发展，康辉已成为全国大型骨干旅行社之一。康辉业务全面覆盖出境游、入境游、国内游、赴台游、邮轮旅游、签证、机票代理、定制旅游、差旅服务、会展商务等业务。是中国综合旅游服务运营商之一，也是中国旅游用户最多的企业之一。。</p>
							<p><em>- 感兴趣？ <a href="#" target="_blank">了解我们？</a>.</em></p>
							<a class="button transparent white" href="#">了解我们？</a>
						</div>						
						<div class="side-mockup left-mockup animation">
							<div class="slider desktop-slider white" data-autoplay="3000">
								<figure>
									<div><img src="http://ou343dnae.bkt.clouddn.com/428098e090e2114c6460e38a1c264f16.jpeg" alt=""></div>
									<div><img src="http://ou343dnae.bkt.clouddn.com/daxiagu.jpg" alt=""></div>
									<div><img src="http://ou343dnae.bkt.clouddn.com/wei3.jpg" alt=""></div>
									<div><img src="http://ou343dnae.bkt.clouddn.com/ea2c2d8920830bdcdb5f9f5fc3f470e1.jpg" alt=""></div>
									<div><img src="http://ou343dnae.bkt.clouddn.com/wei2.jpg" alt=""></div>
									<div><img src="http://ou343dnae.bkt.clouddn.com/feiji.jpg" alt=""></div>
								</figure>
							</div>
						</div>						
					</div>	
				</section>										

				<section class="row section">
					<div class="row-content buffer even clear-after">
						<div class="section-title"><h3>我们的专业</h3></div>
						<p class="centertxt">我们更专心，所以更专业。</p>
						<div class="chart" data-percent="99" data-bar-color="#fd685b" data-animate="2000">
							<div class="chart-content">
								<div class="percent"></div>
								<div class="chart-title">满意</div>
							</div><!-- chart-content -->
						</div><!-- chart -->
						<div class="chart" data-percent="99" data-bar-color="#ffce54" data-animate="2500">
							<div class="chart-content">
								<div class="percent"></div>
								<div class="chart-title">热情</div>
							</div><!-- chart-content -->
						</div><!-- chart -->
						<div class="chart" data-percent="99" data-bar-color="#a0d468" data-animate="3000">
							<div class="chart-content">
								<div class="percent"></div>
								<div class="chart-title">娱乐</div>
							</div><!-- chart-content -->
						</div><!-- chart -->
						<div class="chart" data-percent="99" data-bar-color="#ac92ec" data-animate="3500">
							<div class="chart-content">
								<div class="percent">1234</div>
								<div class="chart-title">留恋</div>
							</div><!-- chart-content -->
						</div><!-- chart -->
					</div>	
				</section>	

				<section class="row section text-light" style="background:url(img/f4.jpg);background-size:cover; ">
					<div class="row-content buffer even clear-after">
						<div class="testimonial-slider centertxt" data-autoplay="5000" data-pagination="true" data-transition="fade" data-autoheight="false">
							<div class="quote">
								<p>神奇锦绣，张家界，集尽河山精粹。雾缠峰柱，瀑挂悬崖，溪沏令人陶醉。十里长沟，奇秀画廊陈列，胜似桂林山水。大青山、高耸云间瑰媚。惊佩，天上窃来玉宝，巧陈设、后庭藏绮。溶洞恢弘，暗流澎湃，声震冥台阎愦。神秘龙宫欣览，止喧轻步，休扰苍虬安睡。撷一囊奇丽，涛笺飞斐。</p>
								<div class="author">望远行·湘西张家界</div>
							</div><!-- quote -->
							<div class="quote">
								<p>人游山峡里，宛在画图中。壁爱双屏列，天看一线通</p>
								<p>猿啼声处处，古木叶丛丛。日夕归来晚，泉声两岸风</p>
								<div class="author">清·吴肇端</div>101
							</div><!-- quote -->		
							<div class="quote">
								<p>峡高百丈洞云深，要识桃源此处寻。戎旅徐行风雪紧，谁将兴尽类山阴。</p>
								<div class="author">——明·胡桂芳</div>
							</div><!-- quote -->							
						</div><!-- testimonial-slider -->				
					</div>
				</section>						

<!--
				<section class="row section">
					<div class="row-content buffer even clear-after">
						<div class="column three">
							<div class="count-item">
								<div class="small-icon red"><i class="icon icon-leaf"></i></div>
								<div class="count-number" data-from="0" data-to="1284" data-speed="1000" data-refresh-interval="25"></div>
								<div class="count-subject">Active projects</div>
							</div>
						</div>
						<div class="column three">
							<div class="count-item">
								<div class="small-icon red"><i class="icon icon-heart"></i></div>
								<div class="count-number" data-from="0" data-to="28903" data-speed="1500" data-refresh-interval="25"></div>
								<div class="count-subject">Users who love them</div>
							</div>
						</div>
						<div class="column three">
							<div class="count-item">
								<div class="small-icon red"><i class="icon icon-tshirt"></i></div>
								<div class="count-number" data-from="0" data-to="326" data-speed="2000" data-refresh-interval="25"></div>
								<div class="count-subject">T-Shirts &amp; Gadgets</div>
							</div>
						</div>
						<div class="column three last">
							<div class="count-item">
								<div class="small-icon red"><i class="icon icon-graph"></i></div>
								<div class="count-number" data-from="0" data-to="58802" data-speed="2500" data-refresh-interval="25"></div>
								<div class="count-subject">Everyday visitors</div>
							</div>
						</div>
					</div>	
				</section>

				<section class="row section text-light" style="background-color:#FF8CB9">
					<div class="row-content buffer even clear-after">
						<div class="section-title"><h3>Frankie's Dribbble Shots</h3></div>
						<div class="dribbble-items portfolio-section preload" data-username="frankiefreesbie" data-elements="4">
						</div>
						<div class="more-btn"><a class="button transparent white" href="#frankiefreesbie">View all Shots</a></div>						
					</div>	
				</section>	-->

				<section class="row section call-to-action">
					<div class="row-content buffer even">
						<p>双面张家界，今日限时特惠?</p>
						<a class="button red" href="#">了解!</a>
					</div>
				</section>	

				<section class="row section">
					<div class="row-content buffer even clear-after">
						<div class="column four">
							<div class="small-icon red"><i class="icon icon-paperfly"></i></div>
							<div class="small-icon-text clear-after">
								<h4>服务保障</h4>
								<p class="text-xs">专属客服服务，随时随地轻松出行</p>
							</div>
						</div>
						<div class="column four ">
							<div class="small-icon red"><i class="icon icon-diamond"></i></div>
							<div class="small-icon-text clear-after">
								<h4>产品丰富</h4>
								<p class="text-xs">一站式预订全球旅游产品，海量玩法边走边订</p>
							</div>
						</div>

						<div class="column four last">
							<div class="small-icon red"><i class="icon icon-tablet"></i></div>
							<div class="small-icon-text clear-after">
								<h4>品牌信赖</h4>
								<p class="text-xs">品牌历程、用心服务</p>
							</div>
						</div>
						<!--
						<div class="column six last">
							<div class="small-icon red"><i class="icon icon-megaphone"></i></div>
							<div class="small-icon-text clear-after">
								<h4>Blog</h4>
								<p class="text-xs">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
							</div>
						</div>
						-->

					</div>
				</section>	
						
								

			</div><!-- id-main -->
		</main><!-- main -->

		<footer role="contentinfo">
			<div class="row">
				<div class="row-content buffer clear-after">
					<section id="top-footer">
						<div class="widget column six"><!-- la class="widget" è forse generata utomaticamente da wp -->
							<h4>Menu</h4>
							<ul class="plain">
								<li><a href="#">关于我们</a></li>
								<li><a href="#">联系我们</a></li>
								<li><a href="#">商务合作</a></li>
<!-- 								<li><a href="resume.html">Resume</a></li>
								<li><a href="contact.html">Contact</a></li> -->
							</ul>
						</div>
						<div class="widget column three">
							<h4></h4>
							<ul class="plain">
								<li><a href="#"></a></li>
								<li><a href="#"></a></li>
								<li><a href="#"></a></li>
								<li><a href="#"></a></li>
								<li><a href="#"></a></li>
							</ul>
						</div>								
						<div class="widget column three">
							<h4>Widget</h4>
							<p>为了更好的明天.</p>
						</div>				
						<div class="widget meta-social column three">
							<h4>Follow Us</h4>
							<ul class="inline">
								<li><a href="#" class="twitter-share border-box"><i class="fa fa-twitter fa-lg"></i></a></li>
								<li><a href="#" class="facebook-share border-box"><i class="fa fa-facebook fa-lg"></i></a></li>
								<li><a href="#" class="pinterest-share border-box"><i class="fa fa-pinterest fa-lg"></i></a></li>
							</ul>
						</div>														
					</section><!-- top-footer -->
					<section id="bottom-footer">
						<p class="keep-left">&copy; 2017. All Rights Reserved <a href="#" target="_blank" title="for more">for more</a> - Collect from <a href="#" title="张家界" target="_blank">张家界</a></p>
						<p class="keep-right">##</p>
					</section><!-- bottom-footer -->			
				</div><!-- row-content -->	
			</div><!-- row -->	
		</footer>

		<script src="https://code.jquery.com/jquery.js"></script>
		<script src="js/plugins.js"></script>
		<script src="js/beetle.js"></script>

		<div class="main-im">
			<div id="open_im" class="open-im">&nbsp;</div>  
			<div class="im_main" id="im_main">
				<div id="close_im" class="close-im"><a href="javascript:void(0);" title="点击关闭">&nbsp;</a></div>
				<a href="http://wpa.qq.com/msgrd?v=3&uin=156763793&site=qq&menu=yes"  class="im-qq qq-a" title="QQ在线咨询">
					<div class="qq-container"></div>
					<div class="qq-hover-c"><img class="img-qq" src="images/qq.png"></div>
					<span>QQ在线咨询</span>
				</a>

				<div class="im-tel">
					<div>旅游热线-陈生</div>
					<div class="tel-num">13714952984</div>
					<div>旅游热线2</div>
					<div class="tel-num">15874468085</div>
				</div>

				<div class="im-footer" style="position:relative">
					<div class="weixing-container">
						<div class="weixing-show">
							<div class="weixing-txt"  style="font:12px;color:#333333;">微信扫一扫<br/>为您服务</div>
							<img class="weixing-ma" src="images/weixing-ma.jpg">
							<div class="weixing-sanjiao"></div>
							<div class="weixing-sanjiao-big"></div>
						</div>
					</div>
					<div class="go-top"><a href="javascript:;" title="top"></a></div>
					<div style="clear:both"></div>
				</div>
			</div>
		</div>
	</body>

</html>
